import React, { Component } from 'react';
import Header from './common/header'
import { Provider } from 'react-redux'
import store from './store'
import {BrowserRouter, Route} from 'react-router-dom'
import Home from './home'
import Detail from './detail/loadable'
import Login from './login'
import Write from './write'
class App extends Component {

  render() {
    return (
        <Provider store={store}>
            <BrowserRouter>
                <div>
                    <Header></Header>
                    <Route path='/' exact component={Home}></Route>
                    <Route path='/detail/:id' exact component={Detail}></Route>
                    <Route path='/login' exact component={Login}></Route>
                    <Route path='/write' exact component={Write}></Route>
                </div>
            </BrowserRouter>
        </Provider>
    );
  }
}

export default App;
